<template>
	<view class="lottie-bg">
		<view id="lottie">
			<!-- <view class="loading">
			<icon type="waiting" size="26"/>
		</view> -->
			<image src="@/static/live-logo.jpg" rel="preload" mode="widthFix" style="width: 100%" /> 
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations,
		mapActions
	} from 'vuex'
	// 组件
	// import request from "@//api/request";
	import {
		wxappAuth
	} from '@/api/user'
	import dayjs from 'dayjs'
	import store from '@/store'
	import cookie from '@/utils/store/cookie'
	import {
		parseQuery,
		login,
		handleQrCode,
		getCurrentPageUrl,
		handleUrlParam,
		getCurrentPageUrlWithArgs
	} from '@/utils'

	export default {
		name: 'Loading',
		data() {
			return {}
		},
		onShow() {
			console.log('getUser')
			var url = handleQrCode()
			if (!url) {
				url = handleUrlParam(getCurrentPageUrlWithArgs())
			}
			console.log(url)
			console.log('判断是否是分销')
			// 判断是否是分销
			if (url) {
				let urlSpread = parseInt(url.spread)
				if (urlSpread) {
					console.log('是分销',urlSpread)
					cookie.set('spread', urlSpread)
				}
			}
			if (this.$deviceType == 'app' || this.$deviceType == 'weixinh5') {
				this.$yrouter.switchTab({
					path: '/pages/home/index',
				})
				return
			}
			if (this.$store.getters.token) {
				// 如果token存在，直接进行进页面
				console.log('登录状态存在，直接进页面')
				this.toLaunch()
				return
			}
			console.log('进行登录操作')
			login().finally(() => {
				this.$yrouter.switchTab({
					path: '/pages/home/index',
				})
			})
		},
		methods: {
			...mapActions(['changeAuthorization', 'setUserInfo', 'getUser']),
			toLaunch() {
				console.log('loading home')
				this.changeAuthorization(false)
				let redirect = cookie.get('redirect').replace(/\ /g, '')
				cookie.remove('redirect')
				if (redirect && redirect.indexOf('/pages') != -1) {
					this.$yrouter.replace({
						path: '/pages' + redirect.split('/pages')[1],
					})
				} else {
					this.$yrouter.switchTab({
						path: '/pages/home/index',
					})
				}
			},
		},
	}
</script>

<style scoped lang="less">
	.lottie-bg {
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		width: 100%;
		height: 100%;
		z-index: 999;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	#lottie {
		width: 35%;
		display: block;
		overflow: hidden;
		transform: translate3d(0, 0, 0);
		margin: auto;
		image{
			width: 100%;
			height: 100%;
		}
	}

	.loading {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>